<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>世纪佳缘登录界面</title>
	<style type="text/css">
			div{
	
				padding-left: 650px;
			}
			table{
			border-spacing: 20px;
			<!--调整tr行间距-->
			}
	
	</style>
	</head>
	<body>
		
			<h2 align="center";style="font-family: verdana;" style="color: darkgrey;">会员登录</h2>
		<!--居中标题-->
		<div class>	<!--利用div设置参数居中效果-->
		<table><!--利用表格对其input输入框, 空td可以实现缩进效果-->
			<tr>
				<td>
					登录账号
				</td>
				<td>
					<input type="text" placeholder="邮箱/ID/手机号">
				</td>
			</tr>
			<tr>
				<td>
					密码
				</td>
				<td>
					<input type="text" placeholder="密码">
				</td>
			</tr>
			<tr>
				<td>
				</td>
				<td>
					<input type="checkbox" checked>两周内自动登录<br><br>
				</td>
				
			</tr>
			<tr>
				<td></td>
				<td>
					<img src="img/login.png">
					<a href="">忘记密码</a><br><br>
				</td>
			</tr>
			<tr>
				<td>
					其他账号登录
				</td>
				<td>
					<img src="img/ico1.png" >QQ账号
					<img src="img/ico2.png" >新浪微博
					<img src="img/ico3.png">百度账号
				</td>
			</tr>
			<tr>
				<td></td>
				<td>
					<a href="">还不是会员？立即注册</a>
				</td>
			</tr>
		</table>
		
		
		
		</div>
		
	</body>
</html>
